<div class="c-sw-edit w-summary-widget s-status-no-data">
  <a id="widget" class="t-summary-widget l-summary-widget s-summary-widget labeled c-sw">
    <div id="widgetIcon" class="c-sw__icon js-sw__icon"></div>
    <div id="widgetLabel" class="label widget-label c-sw__label js-sw__label">
      Default Static Name
    </div>
  </a>
  <div
    class="js-summary-widget__message c-summary-widget__message c-message c-message--simple message-severity-alert"
  >
    <div class="c-summary-widget__text">
      You must add at least one telemetry object to edit this widget.
    </div>
  </div>
  <div
    class="c-sw-edit__ui holder l-flex-accordion flex-elem grows widget-edit-holder expanded-widget-test-data expanded-widget-rules"
  >
    <div class="c-sw-edit__ui__header">
      <span
        class="c-disclosure-triangle c-disclosure-triangle--expanded is-enabled t-view-control-test-data"
      ></span>
      <span class="c-sw-edit__ui__header-label">Test Data Values</span>
    </div>
    <div class="c-sw-edit__ui__test-data widget-test-data flex-accordion-holder"></div>
    <div class="c-sw-edit__ui__header">
      <span
        class="c-disclosure-triangle c-disclosure-triangle--expanded is-enabled t-view-control-rules"
      ></span>
      <span class="c-sw-edit__ui__header-label">Rules</span>
    </div>
    <div class="c-sw-editui__rules-wrapper holder widget-rules-wrapper flex-elem expanded">
      <div id="ruleArea" class="c-sw-editui__rules widget-rules"></div>
      <div class="holder add-rule-button-wrapper align-right">
        <button id="addRule" class="c-button c-button--major add-rule-button icon-plus">
          <span class="c-button__label">Add Rule</span>
        </button>
      </div>
    </div>
  </div>
</div>
